<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>游戏</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <link rel="stylesheet/less" href="css/reset.less">
  <link rel="stylesheet/less" href="css/common.less">
  <link rel="stylesheet/less" href="css/game.less">
</head>

<body>
  <!-- 头部开始 -->
  <nav class="navbar navbar-default">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="images/logo.png" alt="">
        </a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
          <li><a href="LayaHome.html">Laya家族</a></li>
          <li class="active"><a href="#">游戏</a></li>
          <li><a href="new.html">新闻动态</a></li>
          <li><a href="#">开发者中心</a></li>
          <li><a href="#">开发者社区</a></li>
          <li><a href="#">开发平台</a></li>
          <li><a href="about.html">关于我们</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">Language <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Chinese</a></li>
              <li><a href="#">English</a></li>
              <li><a href="#">German</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Other...</a></li>
            </ul>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- 头部结束 -->

  <!-- 轮播图开始 -->
  <div class="swiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="images/banner-game.png" alt=""></div>
      <div class="swiper-slide"><img src="images/banner-game.png" alt=""></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

  </div>
  <!-- 轮播图结束 -->

  <!-- 猎刃2开始 -->
  <div class="lieren2">
    <div class="container">
      <div class="left">
        <div class="hot">热门</div>
        <div class="lierenImg">
          <img src="images/game-lieren2.png" alt="">
        </div>
      </div>
      <div class="right">
        <div class="title">猎刃2</div>
        <p> 2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
          喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
          起来，挑战恶魔，乱斗魔兽！</p>
        <div class="box">
          <div class="innerbox">
            <img src="images/lieren2-game1.png" alt="">
          </div>
          <div class="innerbox">
            <img src="images/lieren2-game2.png" alt="">
          </div>
          <div class="innerbox">
            <img src="images/lieren2-game3.png" alt="">
          </div>
          <div class="innerbox">
            <img src="images/lieren2-game4.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 猎刃2结束 -->

  <!-- 上吧主公开始 -->
  <div class="sbzg">
    <div class="container">
      <div class="left">
        <div class="title">上吧主公</div>
        <p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
          格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
          你掌握胜算左右战况。
        </p>
        <div class="box">
          <div class="innerbox">
            <img src="images/sbzg-game1.png" alt="">
          </div>
          <div class="innerbox">
            <img src="images/sbzg-game2.png" alt="">
          </div>
          <div class="innerbox">
            <img src="images/sbzg-game3.png" alt="">
          </div>
          <div class="innerbox">
            <img src="images/sbzg-game4.png" alt="">
          </div>
        </div>
      </div>
      <div class="right">
        <img src="images/sbzg-bg.png" alt="">
      </div>
    </div>
  </div>
  <!-- 上吧主公结束 -->

  <!-- 更多案例开始 -->
  <div class="more">
    <div class="container">
      <div class="title">更多案例</div>
      <div class="box">
        <!-- 第一排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game1.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">醉西游</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game2.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">魔卡幻想</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game3.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">超能战队</div>
        </div>
        <!-- 第二排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game4.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">轰三国</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game5.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">刀塔大菠萝</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game6.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">迷你猎人</div>
        </div>
        <!-- 第三排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game7.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">萌挂三国</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game8.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">战争之门</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game9.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">英雄争霸</div>
        </div>
        <!-- 第四排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game10.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">二战传奇</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game11.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">龙吟三国</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game12.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">哟狐狸精</div>
        </div>
        <!-- 第五排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game13.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">熊来啦</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game14.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">我爱我家</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game15.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">夺塔三国</div>
        </div>
        <!-- 第六排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game16.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">西游快跑</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game17.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">德州扑克</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game18.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">神魔快打</div>
        </div>
        <!-- 第七排 -->
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game19.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">鬼吹灯</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game20.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">挂机三国</div>
        </div>
        <div class="innerbox">
          <div class="image">
            <img src="images/more-game21.png" alt="">
            <div class="hover">《醉西游》是一款以西游记题材为背景的ARPG游
              戏，采用Layabox引擎开发，唯美的画面、音乐悠
              扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
              职业、华丽的技能、神秘的副本、激烈的仙战……</div>
          </div>
          <div class="name">三国仙侠传</div>
        </div>
      </div>
    </div>
  </div>
  <!-- 更多案例结束 -->

  <!-- 底部开始 -->
  <footer>
    <div class="container">
      <div class="box">
        <div class="left">
          <div class="top">公司简介 联系方式 人才招聘</div>
          <div class="down">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>
        </div>
        <div class="right">
          <div class="image">
            <img src="images/msg.png" alt="">
          </div>
          <div class="image">
            <img src="images/wx.png" alt="">
            <div class="QRcode">
              <img src="images/wechat.png" alt="">
            </div>
          </div>
          <div class="image">
            <img src="images/qqlogo.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- 底部结束 -->
</body>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="js/less.min.js"></script>
<script>
  const mySwiper = new Swiper('.swiper', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }
  }) 
</script>

</html>